<div ng-controller="OffreDetailsController">
<div class="page-header">
    <h1>Offre</h1>
</div>

<div class="col-md-12">
        <div class="panel panel-default col-md-9">
            <div class="panel-body">
                <form class="form form-vertical" ng-submit="loadOffre()">
                		<div class="form-group col-md-12">
	                		<div class="input-group col-md-6">
			                	<label class="control-label col-sm-3" for="montant"><msg key="montant"></msg></label> 
			                	<div class="col-md-9">
			                    	<input type="text" class="form-control" id="montant" ng-model="data.montant" ></input>
			                	</div>
			                </div>
			                <div class="input-group col-md-6">
			                    <label class="control-label col-sm-3" placeholder="yyyy-MM-dd" for="dateOffre"><msg key="dateOffre"></msg></label>
			                    <div class="col-md-9">
			                    	<input type="date" class="form-control" ng-model="dateOffre" ></input>
			                    </div>
			                </div>
			                <div class="input-group col-md-6">
			                    <label class="control-label col-sm-3" for="statut"><msg key="statut"></msg></label>
			                    <div class="col-md-9">
			                    	<input type="text" class="form-control" ng-model="statut" ></input>
			                    </div>
				           </div>
				           <div class="form-group  pull-center col-md-6">
		                	<button class="btn btn-success btn-block" ng-click="showProduit()" style="min-width: 120px"><i class="fa fa-plus-circle"></i><msg key="produit"></msg></button>
				        	</div>
				           <div class="form-group  pull-center col-md-6">
			                <button class="btn btn-success btn-block" ng-click="initAdd()" style="min-width: 120px"><i class="fa fa-plus-circle"></i><msg key="acheteur"></msg></button>
			            	</div>
			            	<div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
			           </div>
       			 </form>
   			 </div>
</div>
    
    <div class="modal fade"  id="offreProduitPanel" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-content col-md-6">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">
                        <msg key="addProduit"></msg>
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="form form-horizontal">
                    
                    
                        <div class="form-group">
                            <label for="nom" class="control-label col-md-3"><msg key="nom"></msg></label>
                            <div class="col-md-6">
                                <input class="form-control" type="text" id="nom" ng-model="produit.nom" ng-required="true" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3" for=prixDepart><msg key="prixDepart"></msg></label>
                            <div class="col-md-6">
                                <input class="form-control" type="text" id="prixDepart" ng-model="produit.prixDepart" ng-required="true" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3" for=description><msg key="description"></msg></label>
                            <div class="col-md-6">
                                <input class="form-control" type="text" id="description" ng-model="produit.description" ng-required="true" />
                            </div>
                        </div>                   
                     </div>
                </div>
                <div class="modal-footer">
                    <button type="button" ng-click="save()" class="btn btn-primary"><msg key="save"></msg>
                    </button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><msg key="cancel"></msg>
                    </button>
                </div>
            </div>
    </div>
</div>
</div>

